@charset "utf-8";
/* CSS Document */
@media all and (max-width: 50em){
	
	
	
	
/***************************** 导航 ****************************/
	.top_nav_bg{ width:100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color:#B9B7C4;}
	.top_logo{ width:100%; clear: both; position: relative; padding-bottom:15px;}
	.logo{ width:260px; height:42px; background-image:url(../Images/logo_p.png); background-size: contain; }	
	.nav_box{ width:100%; position:absolute; top:57px; left:0; z-index: 999; display:none;}
	.topnav{ width:100%; background-color:#B9B7C4; }
	.nav_item{ width:100%; border-bottom:1px dashed white; font-size:1rem; padding:0; color:white;}
		
	.top_r{ width:50px;	height:50px; background-image:url(../Images/menu.png); background-size: contain; position:absolute; top:0; right:10px; }
	.nav_item_p{ width:100%; font-size:1rem; position:relative; color:white;}
	.top_r11{ width:20px; display:block;	height:20px; background-image:url(../Images/menu11.png); background-size: contain; position:absolute; top:25px; right:15px; }
	.nav_box11{ width:100%; position:absolute; top:65px; left:0; z-index: 999; display:none; background-color:#313131;}
	.topnav11{ width:100%; height:400px; overflow:auto; }	
	.nav_item11{ width:100%; border-bottom:1px dashed white; font-size:1rem; color:white;}
	
	
	
/*************************  banner *************************/	
	.banner_bg{ width:100%; margin-top:57px;}
	.slides-box{ height: 180px;}
	.slides li { position: absolute; width: 600px;  height: 100%; left:50%; margin-left:-270px; }
	
	
/***********************  页脚   ***********************/	
	.foot_bg{ width:100%; background-color:#434343; padding:20px 0 80px;}
	.foot_box{ width:98%; margin:0 auto;}
	.foot_left_box{ display:none; width:97%; padding:0 3% 15px; float:none; border-bottom:1px solid #666666; height:auto;}
	.foot_left_box p:first-child{ font-family:Microsoft YaHei Light;  color:white; letter-spacing:3px; font-size:1rem; text-align:center;}
	.foot_left_box p:first-child span{ font-size:1.8rem; font-family:Microsoft YaHei Light; padding-right:18px;}
	.foot_left_box p:nth-child(2){ color:white; font-size:1rem; padding-top:20px;}

	.footnav{ width:94%; padding:0 3% 15px; float:none; border-bottom:1px solid #666666; height:auto;}
	.footnav p{ font-family:Microsoft YaHei Light;  color:white; letter-spacing:3px; font-size:1rem; text-align:center;  padding-bottom:10px; }
	.footnav p span{ font-size:1.8rem;  font-family:Microsoft YaHei Light;}
	.footnav li{ color:white; width:33%; float:left; font-size:1rem; text-align:center; line-height:300%;}
	.foot_right_box{ width:94%; padding:20px 3%; float:left; height:auto; color:white; text-align:center; }
	.foot_right_box span{ display:block; font-size:1.2rem; font-family:Microsoft YaHei Light; padding:0 0; line-height:200%;}
	.foot_right_box p{ font-size:1rem; line-height:200%;}
	.index_img{ width:45%; height:auto; margin:10px auto 0; display:block;}
	
	
	

	.banquan{ padding-left:0; margin-top:15px;}
	.banquan p{ width:75%; margin:0 auto; background-color:black; border-radius: 20px; text-align:center; font-size:14px; line-height:200%; color:white;}

	
	
	.foot_nav_bg1{ width:100%; background: #262D33; position:fixed; bottom:0; left:0; z-index:6; padding:4px 0; display:block;}
	.foot_nav1{ width:98%; margin:0 auto;}
	.foot_nav_item1{ float:left; width:49.5%;}
	.foot_nav_icon1{ width:36px; height:36px; margin:0 auto;}
	.foot_nav_item1 p{ width:100%; text-align:center; color:white; font-size:0.8rem; }
	
	
/*********************************首页 工程案例 *************************************/
	.index_dec_bg{ width:100%; padding-top:0;}
	.index_dec_box{ width:100%; margin:0 auto;}
	.index_title{ width:100%; padding:20px 0;}
	.index_title p{ width:100%; font-size:1.2rem; text-align:center; color:black; letter-spacing: 1px;}
	.index_title_box{ width:100%;}
	.index_title_left, .index_title_right{ float:left; width:30%; height:20px; border-bottom:1px solid #ccc;}
	.index_title_middle{ float:left; width:40%; font-size:1.8rem; line-height:44px; text-align:center; font-weight:600; }


	.index_dec{ width:100%; height:728px; overflow: hidden;}
	.index_dec_item{ float:left; width:48%; margin:0px 1%}
	.index_dec_img{ width:100%;}
	.index_dec_img img{ width:100%; height:198px; }
	.index_dex_text p{ width:100%; font-size:1.1rem; line-height:240%; text-align:center; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	
	

/********************************* 首页  产品中心 *************************************/
	.index_product_bg{ width:100%; background-color:#F6F6F6; padding-bottom:40px;}
	.index_product_box{ width:100%; margin:0 auto;}
	.index_product{ width:100%;}
	.index_product_item{ width:45%; float:left; border:1px solid #ccc; margin:8px 1%; padding:1%;}
	.index_product_item img{  height:198px;}
	.index_product_item p{ font-size:1.1rem; text-align:center; line-height:280%;}
	.index_product_item:hover{ border:1px solid #7CBE29;}
	.index_text{ width:96%; margin:0 auto; text-align:center; padding:10px 0; line-height:180%; font-size:1rem;}
	.more{ font-size:1rem; width:40%; text-align:center; padding:10px 0; margin:0 auto; border:1px solid black;}
	.more:hover{ background-color:black; color:white;}
	

/********************************* 首页  广告位 *************************************/
	.index_ad{ display:none;}	

	
	
/********************************* 首页  关于我们&新闻中心 *********************************/
	.index_about_new_bg{ width:100%; height: auto; background-image:url(../Picture/5478_kb9d.jpg); background-color: #ccc; background-position: 50% 0%; background-size:cover; padding-top: 40px; padding-bottom:40px;}
	.index_about_new_box{ width:98%; margin:0 auto; position:static; }
	.index_about_box{ width:89%; padding:20px; background-color:white; height:auto; position:static; left:0; top:0;}
	.index_abnew_title{ width:100%; border-bottom:1px solid #ccc; padding-bottom:5px;}
	.index_abnew_left{ float:left; padding-left:20px; background-image: url(../Images/yd.jpg); background-size: 12px 12px; background-position: left; background-repeat: no-repeat; font-size:1rem;}
	.index_abnew_left span{ font-size:1.1rem; font-weight:600;}
	.index_abnew_right{ float:right; font-size:1rem;}
	.index_abnew_right:hover{ color:#7CBE29;}
	.index_about_text{ width:100%; padding-top:20px;}
	.index_about_text p{ font-size:1rem; line-height:210%; color:#5A5A5A; text-indent:2em; }

	.index_news_box{ width:89%; padding:20px; background-color:white; height:auto; position:static; right:0; top:0; margin-top:20px;}
	.index_news{ width:100%; padding-top:30px;}
	.index_news_item{ width:100%; padding-bottom:20px;}
	.index_news_item p{ padding-left:20px; background-image: url(../Images/23.png); background-size: 16px 16px; background-position: left; background-repeat: no-repeat; width:70%; margin-right:4%; float:left; font-size:1rem;  color:#5A5A5A; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.index_news_item span{ display:block; width:8%; float:left; font-size:0.8rem; color:#5A5A5A;}
	.index_news_item p:hover{ color:#7CBE29;}
	

/***********************************  翻页 *******************************/
	.wp-pager_link{ clear: both; height: 25px; margin-bottom:40px; text-align: center;} 
	.ltarea, .gtarea { height: 22px; line-height: 22px; overflow: hidden; display: inline-block; }
	.wp-pager_link span.cpb { border: 1px solid #125FA5; background-color: #B9DFFF; color: #125FA5; display: inline-block; height: 18px; line-height: 18px; padding: 0 5px; margin-right: 3px; }
	.wp-pager_link .gtarea { margin-left: 5px; }
	.wp-pager_link input[type="text"] { height: 18px; width: 25px; }
	.wp-pager_link input[type="button"] { background-color: #FFF; border: 1px solid #DDD; margin-left: 5px; height: 18px; width: 45px;}
	.fenye{ text-align:center; font-size:1rem; margin: 0;}
	
	
/*********************************关于我们页 *********************************/
	.subpage_title{ width:100%; background-color:#434343;}
	.subpage_title_box{ width:85%; margin:0 auto; padding-left:40px; background-image:url(../Images/t4hh.png); background-size: 21px 22px; background-position: left; background-repeat: no-repeat; line-height:60px; font-size:16px; color:white; letter-spacing:2px;}

	.subpage_bg{ width:100%; padding:30px 0 50px;}
	.subpage_box{ width:100%; margin:0 auto;}
	.subpage_left_box{ display:none; width:20%; float:left;}
	

	.subpage_right_box{ width:94%; margin:0 auto 80px; float:none;}
	.about_text{ font-size:1rem; line-height:300%; text-indent: 2em;}
	
	
/*********************************产品中心页 *********************************/
	.product{ width:100%;}
	.product_item{ width:46%; float:left; border:1px solid #eee; margin:10px 1%; padding:0.5%;}
	.product_item img{ height:180px;}
	.product_item p{ width:100%; padding:15px 0; text-align:center; font-size:1rem;}
	.product_item:hover{ border:1px solid #7cbe29;}

	
/**********************************  新闻中心页  ****************************/
	.news_content_bg{ width:97%; margin:15px auto;}
	.news_item{ width:100%;  line-height:300%; padding-top:25px; border-bottom:1px dashed #ccc;}
	.news_item p{ padding-left:20px; background-image: url(../Images/23.png); background-size: 16px 16px; background-position: left; background-repeat: no-repeat; width:70%; margin-right:6%; float:left; font-size:1rem;  color:#5A5A5A; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.news_item span{ display:block; width:18%; float:left; font-size:0.8rem; color:#5A5A5A;}
	.news_item p:hover{ color:#7cbe29;}
	
	
/**********************************  联系我们页  ****************************/
	.contact{ width:100%; color:#5a5a5a;}
	.contact span{ display:block; font-size:1.2rem; font-weight:600; line-height:300%; text-align: center;}
	.contact p{ font-size:1rem; line-height:200%; text-align: center;}
	.contact_img{ width:80%; margin:0 auto; text-align: center; display:none;}

/**********************************  产品详情页  ****************************/
	.subpage_detail{ width:100%; color:#5a5a5a;}
	.subpage_detail h1{ font-size:1.2rem; font-weight:600; line-height:240%; text-align:center;}
	.subpage_detail img{ width:100%; margin:0 auto; display:block;}
	.subpage_detail p{ margin-top:5px; font-size:1rem; line-height:160%; text-indent: 2em;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}